@import './less/config-PC.less';
#app {
  font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-header{
  width: 100%;
  height: 40px;
  background-color: rgb(68,68,68);
  .set-font(middle,14px,40px,#fff);
}
.app-header-main{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  .maxwidth(1000px);
  height: 40px;
  padding:0 18px;
  .margin-a();
}
.app-header-ite{
  float:left;
  display: block;
  padding:0 20px;
}
.app-header-ite-r{
  float:right;
  display: block;
  padding:0 20px;
}
.app-header-ite-r:hover,
.app-header-ite:hover{
  background-color: #000;
}
.app-nav{
  width: 100%;
  height: 50px;
  background-color: @blue;
  .set-font(middle,14px,50px,#f2f2f2);
}
.app-nav-main{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  .maxwidth(1000px);
  height: 50px;
  padding:0 18px;
  .margin-a();
}
.app-nav-ite{
  float:right;
  display: block;
  padding:0 20px;
}
.app-nav-ite.router-link-active,
.app-nav-ite:hover{
  background-color: #0b76ac;
}
.app-banner{
  width:100%;
  padding:30px 0;
  background-image:url('/static/img/banner.png');
}
.app-banner-til{
  .maxwidth(964px);
  .margin-a();
  .set-font(middle,36px,60px,@text1);
}
.app-banner-intr{
  .maxwidth(964px);
  .margin-a();
  .set-font(middle,16px,64px,@text2);
}